.container {
  width: vw(375);
  height: vw(214);
  overflow-x: auto;
  display: flex;

  .food:first-child {
    margin-left: vw(18);
  }

  .food {
    flex-shrink: 0;
    width: vw(164);
    height: vw(214);
    margin-right: vw(11);
    position: relative;

    .food_img {
      display: block;
      width: vw(164);
      height: vw(164);
      object-fit: cover;
    }

    .mark {
      position: absolute;
      top: vw(90);
      left: vw(18);
      color: rgba(56, 56, 56, 1);
      background-color: #fff;
      padding: 0 vw(6);
      height: vw(20);
      font-size: vw(14);
      line-height: vw(23);
      text-align: center;
      border-radius: vw(2);
    }

    .price {
      position: absolute;
      top: vw(114);
      left: vw(18);
      color: rgba(255, 255, 255, 1);
      font-size: vw(20);
      font-weight: bold;
    }

    .food_name {
      width: vw(164);
      height: vw(50);
      color: rgba(80, 80, 80, 1);
      font-size: vw(15);
      line-height: 150%;
      display: flex;
      align-items: flex-end;

      .food_text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-weight: bold;
        word-break: break-all;
      }
    }
  }
}

.container::-webkit-scrollbar {
  display: none;
}
